<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="robots" content="index, all" />
    <title>CartoDB 图源</title>
    <link rel="stylesheet" href="../node_modules/ol/ol.css" type="text/css">
    <link rel="stylesheet" href="./center.css" type="text/css">
</head>

<body>
    <div class="mapcontainer">
        <div id="map" class="map" style="width:100%;height:400px;"></div>
    </div>
    <button id="zoomtoswitzerland">Zoom to Switzerland</button> (best fit).<br />
    <button id="zoomtolausanne">Zoom to Lausanne</button> (with min resolution),<br />
    <button id="centerlausanne">Center on Lausanne</button>

</body>

</html>